<template>
  <view class="container-gray">
    <view class="back-card">
      <view class="passtitle-box">
        <view class="passtitle">车辆通行证</view>
        <view class="validtime">
          <van-tag color="#F4F4F4" text-color="#9E9E9E"
            >有效期至2020-12-15</van-tag
          ></view
        >
      </view>
      <view class="erweima"> </view>
    </view>
  </view>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
page {
  background: #ccc;
}
.back-card {
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80%;
  border: 1px solid orange;
  margin: 0 auto;
  height: 600rpx;
  margin-top: 300rpx;
  position: relative;
  .erweima {
    width: 90%;
    margin: auto;
    position: absolute;
    top: -200rpx;
    height: 85%;
    background: #f6f6f6;
    box-shadow: 5px 5px 5px 5px rgb(0 0 0 / 20%);
  }
  .passtitle-box {
    margin-top: 200rpx;
    .passtitle {
      font-size: 30rpx;
      font-weight: 600;
      text-align: center;
      margin-bottom: 30rpx;
    }
    .validtime {
    }
  }
}
</style>